<#include '/admin/header.html' >
<div  class="admin-main">
   <div>
        <!--提示区域  -->
        <div class="page_explain">
            <h2>操作提示</h2>
            <ul>
                <li><span>·</span>该列表可以添加优惠券，添加完之后，可以查看，发放，以及修改和删除。</li>
                <li><span>·</span>不管发放哪种类型的优惠券，如果发放成功之后，那么此优惠券暂时无法删除。</li>
                <li><span>·</span>红包类型分为：按用户发放、按商品发放、按订单金额发放、线下发放的红包四种发放类型。</li>
                <li><span>·</span>线下发放的话只需要填写发放个数就可以，如果按用户发放，可以通过会员等级，和会员名称两种发放形式。</li>
            </ul>
        </div>
        <!--按钮操作  -->
        <div class="table_control">
            <div class="table_opera">
                <button type="button" id="addbonus" class="layui-btn layui-btn-primary layui-btn-small" title="添加"><i class="layui-icon">&#xe608;</i></button>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-small" title="提示" id="explain"><i class="layui-icon">&#xe607;</i></button>
            </div>
        </div>
    </div>
    
    <!--表格区域  -->
   <form id="bonusform">
     <table id="bonusdata" class="layui-table site-table table-hover"  width="100%" lay-skin="line">
        <thead>
          <tr>
            <th><input type='checkbox'  class='btn-checkall fly-checkbox' id='selected-all' ></th>
            <th>类型名称</th>
            <th>发放类型</th>
            <th>红包金额</th>
            <th>订单下限</th>
            <th>发放数量</th>
            <th>使用数量</th>
            <th>使用开始时间</th>
            <th>使用结束时间</th>
            <th>操作</th>
          </tr>
        </thead>
     </table>
     <!--传值等操作(暂定)  -->
    <div id="addBrand" ></div>
   </form>
</div>

<!--js区域  -->
<script>
var table;
$(function(){
	
	 table = $('#bonusdata').DataTable({
		"language": {
	        "url": "${staticserver}/media/zh_CN.txt"
	    },
	    "processing": true,
	    "serverSide": true,
	    "ordering": false,
	    "searching": false,
	    "lengthChange": false,
	    ajax: {
	        //指定数据源
	        type:"post",
	        url: '${ctx}/shop/admin/bonus-type/list-json.do',
	    },
	    columns: [ //定义列
            {"data": function (obj) {
                return '<input type="checkbox" name="typeid" class="fly-checkbox" value' + obj.type_id + '>';
            		}},
	        {data: "type_name"},
	        {data: null,"render": function(data, type, row) {
    			var val="";
  	        	if(data.send_type == 0){
  	        		val = "按用户发放";
  	        	}
  	        	if(data.send_type == 1){
  	        		val = "按商品发放";
  	        	}
  	        	if(data.send_type == 2){
  	        		val = "按订单金额发放";
  	        	}
  	        	if(data.send_type == 3){
  	        		val = "线下发放的红包";
  	        	}
  	      		return val;
  	       	}},
	        {data: "type_money"},
	        {data: "min_goods_amount"},
	        {data: "create_num"},
	        {data: "use_num"},
	        {data: null,"render": function(data, type, row) {
	        	if(data.use_start_date==null){
	        		return " ";
	        	}else{
	        		return getFormatDateByLong(data.use_start_date, "yyyy-MM-dd hh:mm:ss");
	        	}
	       	}},
	        {data: null,"render": function(data, type, row) {
	        	if(data.use_end_date==null){
	        		return " ";
	        	}else{
	        		return getFormatDateByLong(data.use_end_date, "yyyy-MM-dd hh:mm:ss");
	        	}
	       	}},
	        {data: null,"render": function(data, type, row) {
	        	var val = "";
	        	if (data.use_end_date > Date.parse(new Date())/1000) {
	        		val+="<a class='layui-btn layui-btn-small ' onclick='newTab(\""+data.type_name+"发放红包\",\"${ctx}/shop/admin/bonus/send.do?typeid="
					+ data.type_id + "\")'>发放</a>&nbsp";
				}
	        	val+="<a class='layui-btn layui-btn-small ' onclick='newTab(\""+data.type_name+"红包列表\",\"${ctx}/shop/admin/bonus/list.do?typeid="
					+ row.type_id + "&send_type="+row.send_type+"\")'>查看</a>&nbsp";
	        	if(parseInt(data.can_be_edit)!=1){
	        		val+="<a class='layui-btn layui-btn-small layui-btn-normal' onclick='editBonusType("+data["type_id"]+")'>编辑</a>&nbsp";
	        		val+="<a class='layui-btn layui-btn-small layui-btn-danger' onclick='delBonusType("+data["type_id"]+")'>删除</a>";
	        	}
	        	return val;		
	       	}}
	     ]
	});
	
	//添加优惠券
	$("#addbonus").click(function(){
	   	 layer.open({
	            title:"添加红包类型",//标题
	            maxmin :true,//右上角可否放大缩小
	            type:2,//弹框的类型
	            shade: [0.3, '#000'],//黑色背景
	            shadeClose:false,//黑色背景是否可以点击关闭
	            content:"${ctx}/shop/admin/bonus-type/add.do",//内容的URL
	            area:['740px','545px'],//弹框大小
	            scrollbar: true//是否允许浏览器出现滚动条
	        });
		});
});

//修改
function editBonusType(typeid){
	 layer.open({ 
        title:"修改红包类型",//标题
        maxmin :true,//右上角可否放大缩小
        type:2,//弹框的类型
        shade: [0.3, '#000'],//黑色背景
        shadeClose:false,//黑色背景是否可以点击关闭
        content:ctx+"/shop/admin/bonus-type/edit.do?typeid="+typeid,//内容的URL
        area:['740px','545px'],//弹框大小
        scrollbar: true//是否允许浏览器出现滚动条
    });
}

//删除
function delBonusType(typeId){
	if(!confirm("确认要删除优惠券？")){
		return;
	}
	$.ajax({
		url:ctx+"/shop/admin/bonus-type/delete.do?type_id="+typeId,
		type:"post",
		dataType:"json",
		success:function(data){
			if(data.result == 1){
				$.Loading.success(data.message);
				table.ajax.url(ctx+"/shop/admin/bonus-type/list-json.do").load();
			}
		}
	});
}
</script>
<#include '/admin/footer.html' >
